import {StyleSheet, Dimensions} from 'react-native'

const screenWidth = Dimensions.get('window').width;
const screenHeight = Dimensions.get('window').height;

//样式统一写在这
const styles = StyleSheet.create({
  calendarContainer: {
    flexDirection: 'column'
  },
  itemContainer: {
    flex: 1,
    padding: 10,
    flexDirection: 'row',
    backgroundColor: 'white',
    borderBottomWidth: 1,
    borderColor: 'lightgrey'
  },

  planListItemContainer: {
    flex: 1,
    backgroundColor: 'white',
    flexDirection: 'column',
    marginTop: 1,

  },

  planShowContainer: {
    flexDirection: 'column'
  },

  planShowItem: {
    backgroundColor: 'white',
    flexDirection: 'column',
    marginTop: 1,
    paddingLeft: 15,
  },

  broadcastContainer: {
    flex: 1,
    margin: 10,
    backgroundColor: 'white',
    width: 250,
    alignItems: 'center',
    justifyContent: 'center',
    paddingBottom: 10,
    paddingTop: 10
  },
  functionsTopBlock:{
    padding: 20,
    backgroundColor: '#4077f8',
    flexDirection: 'column'
  },
  functionsDiv: {
    paddingTop: 20,
    paddingLeft: 10,
    paddingRight: 10,
    flex: 1,
    flexDirection: 'row',
    flexWrap: 'wrap'
  },
  topBlocks: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  functionsBlock: {
    width: ((screenWidth - 20) / 3) ,
    paddingRight: 10,
    paddingLeft: 10,
    height: ((screenWidth - 40) / 4) + 10,
    alignItems: 'center'
  },
  kv_center: {
    flex: 1,
    alignItems: 'center'
  },
  filter_status: {
    marginTop: -2,
    flexDirection: 'row',
    justifyContent: 'space-between',
    padding: 10,
    paddingLeft: 50,
    paddingRight: 50,
    backgroundColor: '#4077f8'
  },
  filter_status_text: {color: 'white', fontWeight: 'bold', fontSize: 15},
  apply_base:{
    backgroundColor: 'white',
  },
  apply_audit_block: {
    padding: 10,
    flexDirection: 'row',
  },
  apply_base_block: {
    padding: 10,
    flexDirection: 'row',
    borderBottomWidth: 1,
    borderBottomColor: '#dbdee3'
  },
  apply_title_text: {
    fontSize: 15,
    fontWeight: 'bold',
    color: '#4b4d59'
  },
  text_white: {
    color: 'white'
  },
  text_black: {
    color: 'black'
  },
  text_blue: {
    color: '#377ff7'
  },
  text_danger: {
    color: '#f96460'
  },
  apply_info_text: {
    color: '#848ca3'
  },
  apply_base_block_right: {
    flex: 1,
    alignItems: 'flex-end'
  },
  apply_table: {
    backgroundColor: 'white',
    paddingBottom: 15
  },
  apply_operation: {
    backgroundColor: '#3980f4',
    padding: 10,
    alignItems: 'center',
    margin: 10,
    borderRadius: 5
  },
  avatar: {
    width: 40,
    height: 40,
    borderRadius: 20
  },
  lg_avatar: {
    width: 60,
    height: 60,
    borderRadius: 30
  },
  table: {width: screenWidth - 20, marginLeft: 10, flexDirection: 'row'},
  head: {backgroundColor: '#3980f4', height: 40},
  headText: {color: '#fff', textAlign: 'center', padding: 10},
  titleText: {textAlign: 'center', padding: 10},
  list: {height: 55, backgroundColor: 'white'},
  listText: {textAlign: 'center', padding: 10},

  text_input_container: {
    flex: 0.8,
    justifyContent: 'flex-end',
    borderBottomWidth: 0.5,
    paddingTop: 30
  }

});
export {screenWidth}
export default styles